<!doctype html>
<html lang="en" {if !$is_in_app} style="background: #000000;" {/if}>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$share_info.title}</title>
    <meta name="description" content="">
    {if !$is_in_app}
<!--    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.8/skins/default/aliplayer-min.css">-->
    {/if}
    <style>
        :root {
            --navheight: {$h}px;
        }
    </style>
    <link rel="stylesheet" href="__STATIC__/live/css/common.css?v=63">
    <link rel="stylesheet" href="__STATIC__/live/css/index.css?v=63">
</head>
<body>
<div class="container{if $is_in_app} app{/if} app-{$is_in_app}">
    {if $is_in_app===0 || $is_in_app===3}
    <video id="video" webkit-playsinline="true" playsinline="true"></video>
    {/if}
    <div class="studio-container">
        <div class="nav" style="width: 100%;height:var(--navheight);"></div>
        <div class="play-status"></div>
        <div class="studio-head">
            <div class="hoster room-info-btn"></div>
            <div class="room-btns">
                {if $is_in_app}
                <div class="btn icon icon-contribution ranking-btn"></div>
                {/if}
                {if $is_in_app===1}
                <div class="btn icon icon-share share-btn common-js-to-native-share" data-title="{$share_info.title}" data-desc="{$share_info.desc}" data-url="{$share_info.url}" data-platform="5" data-img="{$share_info.img}"></div>
                {/if}
                {if $is_in_app===1}
                <div class="btn icon icon-fullscreen fullscreen-btn"></div>
                {/if}
                {if $is_in_app===2}
                <div class="btn icon icon-more btn-more-action"></div>
                <div class="btn icon icon-close-white live-end-btn"></div>
                {/if}
            </div>
            <div class="notice-list"></div>
        </div>
        <div class="studio-body">
            {if $is_in_app===1}
            <div class="like-mask"></div>
            {/if}
            <div class="gift-list"></div>
            <div class="entrance-list"></div>
            <div class="chat-list">
                <div class="chat-list-area"></div>
                <div class="unread-tip"></div>
            </div>
            <div class="like-list"></div>
            <div class="active-list"></div>
        </div>

        <div class="studio-foot">
            {if $is_in_app===3}
<!--            <input class="chat-input" id="chat-input" placeholder="说点什么吧～" autocomplete="off" value="">-->
            {elseif $is_in_app===1}
            <div class="chat-input" id="chat-input" data-text="" data-placeholder="说点什么吧～">说点什么吧～</div>
            {/if}
            <div class="btn-list">
                {if $is_in_app===1 || $is_in_app===3}
                <div id="more-action" class="btn icon icon-more-action more-action-btn"></div>
                {/if}
                {if $is_in_app!==0}
                <div id="shop-btn" class="btn icon icon-shop shop-btn"></div>
                {/if}
                {if $is_in_app===1}
                <div id="gift-btn" class="btn icon icon-gift gift-btn"></div>
                <div id="like-btn" class="btn icon icon-like like-btn"></div>
                {/if}
                {if $is_in_app===2}
                <div id="beauty-btn" class="btn icon icon-beauty beauty-btn"></div>
                {/if}
            </div>
        </div>
        {if $is_in_app}
        <div class="icon icon-return btn-return"></div>
        {/if}
    </div>
    {if $is_in_app===0 || $is_in_app===3}
    <div class="video-control">
        <!--刷新键-->
        <div class="control-btn reload" id="btn-reload" data-type="reload">
            <svg class="icon" style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M347.648 841.376c42.24 19.392 89.248 30.208 138.752 30.208 183.808 0 332.8-148.992 332.8-332.8 0-68.096-20.448-131.424-55.552-184.16l73.504-73.504C890.24 353.248 921.6 442.368 921.6 538.784c0 240.352-194.848 435.2-435.2 435.2-67.424 0-131.264-15.328-188.224-42.688l7.328 27.392c7.328 27.328-8.896 55.392-36.192 62.72s-55.392-8.896-62.72-36.192l-39.744-148.352c-7.328-27.328 8.896-55.392 36.192-62.72L351.392 734.4c27.328-7.328 55.392 8.896 62.72 36.192s-8.896 55.392-36.192 62.72l-30.272 8.128zM589.28 115.84l-21.056-36.448c-14.144-24.48-5.76-55.808 18.752-69.952s55.808-5.76 69.952 18.752l76.8 133.024c14.144 24.48 5.76 55.808-18.752 69.952l-133.024 76.8c-24.48 14.144-55.808 5.76-69.952-18.752s-5.76-55.808 18.752-69.952l14.08-8.128a334.88 334.88 0 0 0-58.432-5.12c-183.808 0-332.8 148.992-332.8 332.8 0 40.64 7.296 79.616 20.64 115.616l-77.792 77.792C67.488 673.952 51.2 608.288 51.2 538.816c0-240.352 194.848-435.2 435.2-435.2 35.424 0 69.888 4.224 102.88 12.224z" fill="#ffffff"></path></svg>
        </div>
        <!--暂停/播放键-->
        <div class="control-btn play" id="btn-play" data-type="play">
            <svg class="icon" style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m3.008-92.992a416 416 0 1 0 0-832 416 416 0 0 0 0 832zM383.232 287.616l384 224.896-384 223.104v-448z" fill="#ffffff"></path></svg>
        </div>
    </div>
    {/if}
    <div class="guide-window">
        <div class="mask"></div>
        <div class="text">右滑进入简洁模式</div>
        <div class="cursor icon icon-cursor"></div>
        <div class="continue">继续</div>
    </div>
</div>
<script>
    document.domain = 'goddessxzns.com'
    window.live_id = '{$live_id}';
    window.header = `{$header}`;
    window.app_type = '{$app_type}';
    window.isInApp = parseInt('{$is_in_app}');
    window.clickEventName = (isInApp === 0 ? 'mousedown' : 'tap');// touchstart
    window.msgNum = 0;
    window.unreadMsgNum = 0;
    window.isMsgNewest = true;
    window.base_host = `{$api_host}`;
    window.websocket_gateway = `{$ws_gateway}`;
    window.uen = `{$user_uen}`;
    window.room_info = JSON.parse(`{:str_replace('\`','&lsquo;',$room_info)}`.replace(/\n/g,`\\n`).replace(/\r/g,`\\r`));
    if (isInApp === 0) {
        window.week_info = {$week_info};
    }
    window.get_new_timer = null;
    window.get_like_timer = null;
    window.clickNum = 0;
    window.sign = parseInt('{$sign}');
    window.dbClickTimer = null;
    window.container = null;
    window.aliRts = null;
    window.debug = false;
    // 重写console.log日志，增加开关，日志增加前缀
    console.log = (function (func) {
        return function () {
            if (debug) {
                func.call(console, '直播间H5：', ...arguments);
            }
        }
    })(console.log);

    var signPackage = JSON.parse(`{$signPackage}`);
</script>
{if $is_in_app===0 || $is_in_app===3}
<!--<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.9.8/aliplayer-min.js"></script>-->
<script type="text/javascript" charset="utf-8" src="https://oss.goddessxzns.com/static/live/js/alirts.min.js"></script>
{/if}
{if $is_in_app===0}
<!--<script src="https://static.jmlk.co/scripts/dist/jmlink.min.js"></script>-->
{/if}
<script src="https://oss.goddessxzns.com/static/live/js/jquery-1.11.3.min.js"></script>
{if $is_in_app}
<script type="text/javascript" src="https://oss.goddessxzns.com/static/live/js/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="https://oss.goddessxzns.com/static/live/js/lottie.min.js"></script>
{/if}
{if $signPackage !== '[]'}
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    //微信分享 配置
    wx.config({
        debug: false,
        appId: signPackage.appId,
        timestamp: signPackage.timestamp,
        nonceStr: signPackage.nonceStr,
        signature: signPackage.signature,
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
    })
    ;
    //微信分享 配置
    wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: `{$share_info.title}`,
            desc: `{$share_info.desc}`,
            link: signPackage.url,
            imgUrl: `{$share_info.img}`,
            type: `link`,
            dataUrl: '',
            success: function () {

            },
            cancel: function () {

            }
        });
        wx.onMenuShareTimeline({
            title: `{$share_info.title}`,
            link: signPackage.url,
            imgUrl: `{$share_info.img}`,
            success: function () {

            },
            cancel: function () {

            }
        });
    });
</script>
{/if}
<script type="application/javascript" src="__STATIC__/live/js/view.js?v=70"></script>
<script type="application/javascript" src="__STATIC__/live/js/common.js?v=63"></script>
<script type="application/javascript" src="__STATIC__/live/js/api.js?v=63"></script>
<script type="application/javascript" src="__STATIC__/live/js/index.js?v=63"></script>
</body>
</html>
